<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>${title}</title>
	<style>
	    body{
	        margin: 0;
	        padding: 0;
	    }
	    .mainColor{
	        color: #C2C5CC;
	    }
	    .mainFontSize {
	        font-size: 14px;
	        font-weight: 500;
	    }
	    .flex{
	        display: flex;
	    }
	    .justify-between{justify-content:space-between;}
	    .justify-center{justify-content:center;}
	    .align-center{ align-items: center; }
	    .flex-column{ flex-direction:column!important; }
	    .justify-end{justify-content:flex-end;}
	    .whiteSpace {
	    	overflow: hidden;
	    	white-space: nowrap;
	    	text-overflow: ellipsis;
	        display: inline;
	    }
	    .main{
	        padding: 0 5%;
	    }
	    .head{
	        text-align: center;
	        font-size: 18px;
	        font-weight: 600;
	        line-height: 40px;
	    }
	    .content {
	        margin-top: 20px;
	    }
	    .content_list{
	        margin-bottom: 14px;
	        font-size: 14px;
	        font-weight: 500;
	        width: 100%;
	        height: 20px;
	    }
	    .content_list div:nth-child(1){
	        color: #C2C5CC;
	        float: left;
	        width: 35%;
	    }
	    .content_list div:nth-child(2){
	        color: #080F1A;
	        float: right;
	        width: 65%;
	    }
	    .line{
	        width: 100%;
	        padding: 0 5%;
	        height: 1px;
	        box-sizing: border-box;
	        background-color: #F0F1F5;
	        margin: 20px 0;
	    }
	    .enclosure_head, .enclosure_list{
	        width: 100%;
	        height: 40px;
	        line-height: 40px;
	        border-radius: 4px;
	        color: #080F1A;
	    }
	    .enclosure_head{
	        background-color: #F0F1F5;
	    }
	    .enclosure_id{
	        float: left;
	        width: 5%;
	    }
	    .enclosure_company{
	        float: left;
	        width: 20%;
	    }
	    .enclosure_situation, .enclosure_price, .enclosure_name{
	        width: 25%;
	        float: left;
	    }
	    .autograph {
	        height: 200px;
	    }
	    .autograph>div{
	        float: left;
	        width: 50%;
	    }
	    .autograph img{
	        width: 88px;
	        height: 200px;
	        border-radius: 50%;
	        border: 1px solid #F0F1F5;
	    }
	    .autograph_name{
	        height: 200px;
	        font-size: 14px;
	        position: relative;
	    }
	    .autograph_name div{
	        width: 60px;
	        position: absolute;
	        bottom: 0;
	    }
	    .sign{
	        margin: 10px 0;
	    }
		.mainTime{
			color: #080F1A;
	        font-size: 15px;
		}
	</style>
</head>
<body>
    <div class="main">
        <div class="head">${租房合同}</div>
        <div class="content">
            
        </div>
        <div class="line"></div>
        <div>
            <div class="mainColor mainFontSize">合同条款</div>
            <text class="mainFontSize" style="white-space: pre-line;margin-top: 10px;">${合同条款} </pre></text>
        </div>
        <div class="line"></div>
        <div>
            <div class="mainColor mainFontSize">附件</div>
            <div class="enclosure" style="margin-top: 10px;">
                <div class="enclosure_head  mainFontSize">
                    <div class="enclosure_id" style="color: #F0F1F5;">.</div>
                    <div class="enclosure_name">名称</div>
                    <div class="enclosure_company">单位</div>
                    <div class="enclosure_situation">现状</div>
                    <div class="enclosure_price">单价(元)</div>
                </div>
                
            </div>
        </div>
        <div class="line"></div>
        <div class="autograph">
            <div>
                <div class="flex">
                    <div class="autograph_name"><div>甲方：</div></div>
                </div>
            </div>
           <div>
                <div class="flex">
                    <div class="autograph_name"><div>乙方：</div></div>
                </div>
           </div>
        </div>
		<div class="autograph">
            <div>
                <div class="flex">
                    <div class="mainFontSize mainTime sign">签约时间：${签约时间}</div>
                </div>
            </div>
           <div>
                <div class="flex">
                    <div class="mainFontSize mainTime sign">签约时间：${签约时间2}</div>
                </div>
           </div>
        </div>
        
    </div>
</body>
</html>